<!DOCTYPE html>
<html>
	<head>
		<meta charset=utf-8">
		<title>Lists homework</title>
		<style>
			.romanian
			{
				list-style-type: upper-roman;
			}
			.letter
			{
				list-style-type: lower-latin;
			}
			.empty_circle
			{
				list-style-type: circle;
			}
			.filled_circle
			{
				list-style-type: disc;
			}
		</style>
	</head>
	<body>
		<div id="main_content">
			Preceding text
			<ol class="romanian">
				<li>List Item 1
					<ol class="letter">
						<li>Nested item 1.1</li>
						<li>Nested item 1.2</li>
					</ol>
				</li>
				<li>List Item 2
					<ol>
						<li>Nested item 2.1</li>
						<li>Nested item 2.2
							<ul class="empty_circle">
								<li>Nested item 2.2.1</li>
								<li>Nested item 2.2.2
									<ul>
										<li>Nested item 2.2.2.1</li>
										<li>Nested item 2.2.2.2</li>
									</ul>
								</li>
								<li>Nested item 2.2.3</li>
							</ul>
						</li>
						<li>Nested item 2.3</li>
					</ol>
				</li>
				<li>List Item 3
					<ul class="filled_circle">
						<li>Nested item 3.1</li>
						<li>Nested item 3.1</li>
						<li>Nested item 3.1</li>
					</ul>
				</li>
			</ol>
		</div>
	</body>

</html>